﻿<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>主框架画面</title>
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/js/easyui/themes/dark-hive/easyui.css">
		<link rel="stylesheet" type="text/css"
			href="<%=path%>/js/easyui/themes/icon.css">
		<script type="text/javascript"
			src="<%=path%>/js/easyui/jquery-1.8.0.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/js/easyui/src/jquery.parser.js"></script>
		<script type="text/javascript" src="<%=path%>/js/default.js"></script>
	</head>
	<body class="easyui-layout">
		<div data-options="region:'north',split:true" title="North Title"
			style="height: 100px; padding: 10px;">
			<p>
				标题标题
			</p>
		</div>
		<!-- 下方状态栏 -->
		<%--
		<div data-options="region:'south',split:true" title="South Title"
			style="height: 100px; padding: 5px; background: #efefef;">
			<div class="easyui-layout" data-options="fit:true"
				style="background: #ccc;">
				<div data-options="region:'center'">
					sub center
				</div>
			</div>
		</div>
		 --%>
		<!-- 左边的menu菜单 -->
		<div data-options="region:'west',split:true" title="主功能选单"
			style="width: 280px; padding1: 1px; overflow: hidden;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="系统/用户管理" style="padding: 10px; overflow: auto;"
					icon="icon-edit" data-options="selected:true">
					<ul>
						<li>
							<a id="" href="javascript:addTab('agent.action','用户管理')">用户管理</a>
						</li>
						<li>
							<a id="" href="javascript:addTab('branch.action','BR管理')">BR管理</a>
						</li>
						<li>
							权限管理
						</li>
					</ul>
				</div>
				<div title="Title2" style="padding: 10px;">
					content2
				</div>
				<div title="例子" style="padding: 10px">
					<a id="" href="javascript:addTab('sample.action','功能管理')">功能管理</a>
				</div>
			</div>
		</div>
		<!-- 中间的主要信息显示区 -->
		<div id="#mainPanle" data-options="region:'center'" title="Main Title"
			style="overflow: hidden;">
			<div id="tabs" class="easyui-tabs"
				data-options="fit:true,border:false">
				<div title="主页" style="padding: 20px; overflow: hidden;">
					<div style="margin-top: 20px;">
						<h3>
							欢迎使用xxx系统
						</h3>
					</div>
				</div>
				<div title="Tab2" data-options="iconCls:'icon-reload',closable:true"
					style="padding: 20px;">
					This is Tab2 width close button.
				</div>
			</div>
		</div>
	</body>
</html>